<template>
<view class="content">
	<img src="/static/guide/4.jpg" alt="" class="rounded-image"/>
  <view class="hotel-info">
    <text class="hotel-name">潮汕肠粉</text>
    <text class="date">美食 2024-11-20</text>
    <text class="description">
乾隆年间，乾隆皇帝游江南那会儿，受了吃客大臣纪晓岚的蛊惑，专门拐到罗定州吃龙龛糍。当吃到这种"够爽、够嫩、够滑"的龙龛糍时，乾隆赞不绝口，并乘兴说:这糍并不算是糍吧，反而有点像猪肠子，不如就叫肠粉吧。后来他回到了京城，还对罗定的肠粉念念不忘，而肠粉亦因此在广东传开了，越开越多肠粉店。
目前肠粉已经是广东著名的传统特色小吃之一，肠粉分咸、甜两种，咸肠粉的馅料主要有猪肉、牛肉、虾仁、猪肝等，而甜肠粉的馅料则主要是糖浸的蔬果，再拌上炒香芝麻。肠粉按流派分主要分为两种，一种是布拉肠粉，另一种是抽屉式肠粉，由于使用的制作工具不同，所以导致做出的肠粉都不相同。
布拉肠粉品尝馅料为主(肠粉浆大部分是使用粘米粉再添加澄面、粟粉和生粉)。抽屉式肠粉(肠粉浆是使用纯米浆做成)主要品尝肠粉粉质和酱汁调料。
</text>
  </view>
 
</view>
</template>
<style>
.content {
  display: flex;
  flex-direction: column;
}

.hotel-info {
  margin-bottom: 20px;
   display: flex;
  flex-direction: column; 
}

.hotel-name {
  font-size: 20px;
  font-weight: bold;
}

.date {
  color: #888;
}

.description {
  color: #333;
  line-height: 1.6;
}

.hotel-image image {
  width: 100%;
  height: auto;
}/* 页面整体布局 */
.content {
  display: flex;
  flex-direction: column;
  padding: 20px; /* 增加内边距 */
  background-color: #f5f5f5; /* 设置背景颜色 */
}

/* 酒店信息区域 */
.hotel-info {
  background-color: #fff; /* 设置背景颜色 */
  padding: 15px; /* 增加内边距 */
  border-radius: 8px; /* 添加圆角 */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加阴影 */
  margin-bottom: 20px;
}

.hotel-name {
  font-size: 24px; /* 增大字体大小 */
  font-weight: bold;
  color: #333; /* 设置颜色 */
}

.date {
  color: #888;
  margin-top: 5px; /* 增加顶部边距 */
}

.description {
  color: #666;
  line-height: 1.8; /* 增加行高 */
  margin-top: 10px; /* 增加顶部边距 */
}

/* 酒店图片区域 */
.hotel-image {
  margin-bottom: 20px; /* 增加底部边距 */
}

.hotel-image image {
  width: 100%;
  border-radius: 8px; /* 添加圆角 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 添加阴影 */
}
.rounded-image {
  width: 100%; /* 图片宽度 */
  border-radius: 15px; /* 圆角效果 */
  object-fit: cover; /* 保持图片比例 */
}
</style>